<script setup>
/*

高阶组件向低阶组件传值
  provide与inject
  传：
    import {provide} from 'vue'
    provide(属性名,属性值)
  收:
    import {inject} from 'vue'
    const xxx = inject('属性名')

*/
import { provide } from 'vue'
import XxxSon4 from './components/XxxSon4.vue'
const info = '通知：明天考试vue3'
provide('toSon', info)
</script>

<template>
  <div class="app-page">父组件</div>
  <hr />
  <XxxSon4></XxxSon4>
</template>

<style scoped></style>
